@lightBGColor:#eee;
@lightFontColor: rgba(23, 35, 61, 1);
@lightFontColorActv: rgba(23, 35, 61, 0.6);

#transition(@property:background-color){
    transition-property: @property;
    transition-duration:0.7s;
    transition-timing-function: ease-out;
}

#app{
    .layout{
        .main{
            &.ivu-layout-header{
                #transition();
            }
            .header-menu{
                .ivu-menu{
                    #transition();
                }
            }
        }
        &.light{
            .main{
                &.ivu-layout-header{
                    background-color: @lightBGColor;
                }
                .header-menu{
                    .ivu-menu{
                        background-color: @lightBGColor !important;
                        .layout-nav{
                            li{
                                color: @lightFontColor;
                                &.ivu-menu-item-active{
                                    color:@lightFontColorActv;
                                }
                            }
                        }
                    }
                }
                .user-info{
                    .theme{
                        a{
                            color: @lightFontColor;
                        }
                    }
                    .msg-list{
                        color: @lightFontColor;
                    }
                    .user-panel{
                        color: @lightFontColor;
                        .ivu-avatar{
                            color: @lightFontColor;
                        }
                    }
                }
            }
        }
    }
}